@charset "utf-8";

body {
      font-family: Harrington;
      font-size: medium;
      color: #017890;
      background: pink;
}

#header{
    
    /*border: solid 1px; */
    height: 100px;
    width:  695px;
    margin: 5px;
    padding: 5px;
    display: inline-block;
    position: relative;
    background-color: pink;
     
}
#navigation{
    font-family: "Harrington";
    border: solid 1px;
    height: 250;
    width: 200px;
    margin-top: 20px;
    margin-left: 5px;
    padding: 5px;
}
#content{
    float: right;
    border: solid 1px;
    min-height: 250px;
    margin-top: -263px;
    width:  478px;
    margin-right: 30px;
    padding: 5px;
    
}
#footer{
    float: left;
    /*border: solid 1px;*/
    height: 50px;
    width:  695px;
    margin: 5px;
    margin-left:150px;
    /*padding: 5px; */
    margin-top: 30px;
    font-style: Harrignton;
}
#mainContainer{
    margin:auto;
    /*border: solid 1px;*/
    width: 750px;
    height: 50%;
    font-style: Harrignton;
    
}

#menu{
font: normal .7em/1.5em Arial, Helvetica, sans-serif;    
margin:0px auto;
padding:10px 10px; 
background: #DF7782;
width:400px;
bottom: 20px;
border-radius:50px;
padding-right: 230px;
border:#violet dashed 2px;
margin-top: 20px;

}

#navbar {
margin: -0.6em;
padding-bottom: 0.6px;
height: 1.8em;
}

#navbar li {
display: block;
float: left;
padding: 0;
margin: 0;
width:80px;

}

#navbar ul li {
position: relative;
float: left;
}

#navbar li ul{
display: none;
}

#navbar ul li a {
display: block;
text-decoration: blink;
color: violet;
}

#navbar ul li a:hover
{
background: #E95D22;
color:#4A4344;
border-radius:40px;
box-shadow: 0.5px 0.5px 0.5px #444444;
}

#navbar li:hover ul {
display: block;
position: absolute;	
margin: 0;
padding: 9px 2px;

}

#navbar li:hover li {
float: left;
font-size: 9px;
border:1px solid #EB8921;
background: 	#D9CCB9;
}

li:hover a {
background: 	#D9CCB9;
color:	#D9CCB9;
border-radius:40px;
}

/*ul {
  font-family: Arial, Verdana;
  font-size: 14px;
  margin: 0;
  padding: 0;
  list-style: none;
  margin-top:20px;
  margin-left:200px;
}
ul li {
  display: block;
  position: relative;
  float: left;
}
li ul { display: none; }
ul li a {
  display: block;
  text-decoration: none;
  color: #ffffff;
  border-top: 1px solid #ffffff;
  padding: 5px 15px 5px 15px;
  background: #2C5463;
  margin-left: 1px;
  white-space: nowrap;
}
ul li a:hover { background: #617F8A; }
li:hover ul {
  display: block;
  position: absolute;
}
li:hover li {
  float: none;
  font-size: 11px;
}
li:hover a { background: #617F8A; }
li:hover li a:hover { background: #95A9B1; } */